<%@include file="MasterPage/MasterPage.jsp" %>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
    </head>
    <body>
        <div class="row">
            <div class="span12">
                <table id="tabela_usuario"></table>
                <div id="tabela_usuario_paginacao"></div>
                <br />
                <button class="btn btn-primary" type="button" id="btn_novo_usuario">Novo Usuário</button>
            </div>
        </div>

        <div class="modal fade" id="usuario_modal">

            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">×</button>
                <h3>Cadastro de Usuários</h3>
            </div>

            <div class="modal-body">
                <form class="form-horizontal" id="usuario" action="#" data-save-state="true">

                    <input type="hidden" value="0" id="usuario_id" data-mapping-user="usuario_id">

                    <div class="control-group">
                        <label class="control-label" for="tipousuario_id">Tipo de usuário</label>
                        <div class="controls">
                            <input type="text" class="span3" id="tipousuario_id" placeholder="Tipo de Usuário" data-mapping-user="tipousuario_id">
                        </div>
                    </div>


                    <div class="control-group">
                        <label class="control-label" for="usuario_nm_completo">Nome Completo</label>
                        <div class="controls">
                            <input type="text" class="span3" id="usuario_nm_completo" placeholder="Nome Completo" data-mapping-user="usuario_nm_completo">
                        </div>
                    </div>


                    <div class="control-group">
                        <label class="control-label" for="usuario_login">Login</label>
                        <div class="controls">
                            <input type="text" class="span3" id="usuario_login" placeholder="Login" data-mapping-user="usuario_login">
                        </div>
                    </div>


                    <div class="control-group">
                        <label class="control-label" for="usuario_login">Senha</label>
                        <div class="controls">
                            <input type="password" class="span3" id="usuario_senha" placeholder="Senha" data-mapping-user="usuario_senha">
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label" for="usuario_email">E-mail</label>
                        <div class="controls">
                            <input type="text" class="span3" id="usuario_email" placeholder="E-mail" data-mapping-user="usuario_email">
                        </div>
                    </div>
                    <input type="hidden" value="A" id="usuario_status" data-mapping-user="usuario_status">
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" id="btn_salvar_usuario" class="btn btn-success" value="salvar">Salvar</button>
                <button type="button" id="btn_editar_usuario" class="btn btn-success" value="editar">Salvar</button>
                <button type="button" id="btn_apagar_usuario" class="btn btn-danger"  value="apagar">Deletar</button>
                <button type="button" class="btn" data-dismiss="modal">Fechar</button>
            </div>
        </div>
        <script src="ControllerAjax/UsuarioController.js" type="text/javascript"></script>
        <script src="Comportamento/Usuario.js" type="text/javascript"></script>
    </body>
</html>
